.button_base {
    display: inline-block;
    box-sizing: border-box;
    font-size: 12px;
    outline: none;
    color: white;
    border: 1px;
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgb(224, 224, 224);
    text-align: center;
    line-height: 0;
    transition: 0.1s;
    cursor: pointer;
    margin: 0;
    padding: 12px 20px;
    white-space: nowrap;
}

//成功按钮
.ice-button {

    //成功按钮
    &--success {
        background-color: rgb(115, 206, 69);
        border-color: rgb(136, 251, 78);

        &:hover,
        &:focus {
            background-color: rgb(111, 185, 74);
        }
    }

    //警告按钮
    &--warning {
        border-color: rgb(212, 163, 90);
        background-color: rgb(235, 181, 99);

        &:hover,
        &:focus {
            background-color: rgb(219, 161, 74);
        }
    }

    //信息按钮
    &--info {
        border-color: rgb(149, 151, 155);
        background-color: rgb(166, 169, 173);

        &:hover,
        &:focus {
            background-color: rgb(133, 136, 141)
        }
    }

    //主要按钮
    &--primary {
        border-color: rgb(90, 155, 224);
        background-color: rgb(102, 177, 255);

        &:hover,
        &:focus {
            background-color: rgb(53, 120, 192);
        }
    }

    //危险按钮
    &--danger {
        border-color: rgb(211, 118, 118);
        background-color: rgb(211, 118, 118);

        &:hover,
        &:focus {
            background-color: rgb(156, 69, 69)
        }
    }
}

.mini {
    height: 24px;
}

.small {
    height: 32px;
}

.medium {
    height: 40px;
}

.button_base.is-disabled {
    cursor: no-drop;
}

.button_base.is-circle {
    border-radius: 50%;
    padding: 12px;
}

.button_base.is-round {
    border-radius: 15px;
    padding: 12px 20px;
}